<template>
  <router-view />
</template>

<script setup>
</script>

<style>

#app {
  /* 确保应用占满整个视口高度，并移除可能导致滚动条出现的默认边距 */
  min-height: 100vh;
  margin: 0;
  padding: 0;
  box-sizing: border-box; /* 确保 padding 不会增加元素总尺寸 */
  display: flex; /* 通常用于使根元素能够容纳全高布局 */
  flex-direction: column; /* 如果有页脚或需要垂直堆叠，可使用 */

  /* 其他一些基础样式 */
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50; /* 默认文本颜色 */
}

/* 可以根据项目需求添加更多全局样式，例如： */
html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden; /* 防止水平滚动条 */
}
</style>